<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="http://getbootstrap.com/assets/ico/favicon.ico">

    <title>Siminta</title>

    <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
-->
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/jquery-ui/jquery-ui.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/common.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<!--navbar-->
<div id="top-bar" class="navbar navbar-default navbar-fixed-top ">
    <div class="navbar-container" id="navbar-container">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-sidebar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">SIMINTA</a>

            </div>
            <div id="navbar-collapse" class=" navbar-collapse">
                <ul class="nav navbar-nav navbar-right navbar-top">
                    <li>
                        <a class="icon-nontify" href="" data-toggle="dropdown">
                            <span class="glyphicon glyphicon-envelope"></span><span class="label label-danger">55</span>
                        </a>
                        <ul id="dropdown-messages" class="dropdown-menu pull-right dropdown-nonify" role="menu" >
                            <li class="dropdown-header">You have 13 new messages to read...</li>
                            <li>
                                <a href="#">
                                    <img src="images/avatar.png" class="message-avatar" alt="Alex's Avatar">
                                <span class="message-body">
                                    <span class="message-content">
                                        <span class="message-name">John:</span> Hello Peter, Can you help me...
                                    </span>
                                    <span class="message-time">
                                        <span class="glyphicon glyphicon-time"></span><span> a moment ago</span>
                                    </span>
                                </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/avatar.png" class="message-avatar" alt="Alex's Avatar">
                                <span class="message-body">
                                    <span class="message-content">
                                        <span class="message-name">Dave:</span> I've fixed problem this morning.
                                    </span>
                                    <span class="message-time">
                                        <span class="glyphicon glyphicon-time"></span><span> 14 minutes ago</span>
                                    </span>
                                </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/avatar.png" class="message-avatar" alt="Alex's Avatar">
                                <span class="message-body">
                                    <span class="message-content">
                                        <span class="message-name">Benjamin:</span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                    </span>
                                    <span class="message-time">
                                        <span class="glyphicon glyphicon-time"></span><span> May 5th</span>
                                    </span>
                                </span>
                                </a>
                            </li>
                            <li class="text-center view-all"><a href="#">View all</a></li>
                        </ul>
                    </li>
                    <li>
                        <a class="icon-nontify" href="" data-toggle="dropdown"><span class="glyphicon glyphicon-tasks"></span><span class="label label-warning">15</span></a>

                    </li>
                    <li>
                        <a class="icon-nontify" href="" data-toggle="dropdown"><span class="glyphicon glyphicon-bell"></span><span class="label label-success">55</span></a>
                        <ul id="dropdown-alerts" class="dropdown-menu dropdown-nonify" role="menu">
                            <li class="dropdown-header">There are 5 new alerts in the system</li>
                            <li>
                                <a href="#">
                                    <span class="glyphicon glyphicon-check icon-nontify color-blue"></span>
                                    <span class="alert-content">Quality check was successful</span>
                                    <span class="alert-time pull-right">32 sec ago</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="glyphicon glyphicon-plus icon-nontify color-green"></span>
                                    <span class="alert-content">New user added (Bob Grassle)</span>
                                    <span class="alert-time pull-right">10 min ago</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="glyphicon glyphicon-plus icon-nontify color-red"></span>
                                    <span class="alert-content">User profile updated (Steve Jones)</span>
                                    <span class="alert-time pull-right">1 hours ago</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="glyphicon glyphicon-warning-sign icon-nontify color-yellow"></span>
                                    <span class="alert-content">System failure reported</span>
                                    <span class="alert-time pull-right">2 days ago</span>
                                </a>
                            </li>
                            <li class="text-center view-all"><a href="#">View all</a></li>
                        </ul>
                    </li>

                    <li>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span></a>
                        <ul id="dropdown-user" class="dropdown-menu pull-right">
                            <li><a href="#"><i class="glyphicon glyphicon-cog"></i> Account setting</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-user"></i> View profile</a></li>
                            <li class="divider"></li>
                            <li><a href="#"><i class="glyphicon glyphicon-off"></i> Logout</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--/navbar-->
<div class="clearfix"></div>
<!--main container-->
<div class="main-container" id="main-container">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn">
                        <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
                        </span>
                    </div><!-- /input-group -->
                </div>
                <div class="col-md-9">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="btn-group-control pull-right">
                                <a class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal"><i class="glyphicon glyphicon-share"></i> Share</a>
                                <a class="btn btn-default btn-sm" onClick="window.open('print.html','mywindow','width=800,height=600')"><i class="glyphicon glyphicon-print"></i> Print</a>
                                <a href="edit.html" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-edit"></i> Edit</a>
                                <a href="delete.html" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-remove"></i> Delete</a>
                                <a href="save.html" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-floppy-disk"></i> Save</a>
                                <a href="add.html" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-file"></i> New</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">
                    <ul class="list-unstyled list-file sortable">
                        <li class="level-0">
                            <a><i class="glyphicon glyphicon-folder-open"></i> Homepage</a>
                            <ul class="list-unstyled sortable">
                                <li class="level-1"><a><i class="glyphicon glyphicon-file"></i> 00a_white_disclaimer</a></li>
                                <li class="level-1"><a><i class="glyphicon glyphicon-file"></i> 00a_black_disclaimer</a></li>
                            </ul>
                        </li>
                        <li class="level-0">
                            <a><i class="glyphicon glyphicon-folder-open"></i> Search research</a>
                            <ul class="list-unstyled sortable">
                                <li class="level-1"><a><i class="glyphicon glyphicon-file"></i> 10a_advance_search</a></li>
                                <li class="level-1"><a><i class="glyphicon glyphicon-file"></i> 00a_black_disclaimer</a></li>
                            </ul>
                        </li>
                        <li class="level-0">
                            <a><i class="glyphicon glyphicon-folder-open"></i> Login & Join page</a>
                            <ul class="list-unstyled sortable">
                                <li class="level-1"><a><i class="glyphicon glyphicon-file"></i> 00a_abc</a></li>
                                <li class="level-1"><a><i class="glyphicon glyphicon-file"></i> 00a_cdf</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="col-md-9">
                    <div class="content-wrap">
                        <div class="alert alert-success alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            Delete successful.
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>
<!-- / main container -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/docs.min.js"></script>
<script src="js/ckeditor/ckeditor.js"></script>
<script src="js/jquery-ui/jquery-ui.min.js"></script>
<script src="js/main.js"></script>
</body>

</html>
